<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>

<script type="text/javascript" src="Public/js/jquery-1.7.js"></script>

 
<script>
$(document).ready(function () {					
	/*$(".ctd").bind("mouseover",function(){
		if($(this).attr("id")=="td1"){
			$("#d1").html('<div class="content">{$cp_jj_nr}</div>');
			$("#d1").addClass("bgImg1");
			//$("#d1").fadeIn("slow");
		}else{
			$("#d1").removeClass("bgImg1");
			$("#d1").html('<img src="Public/image/line.png" width="3px" align="absmiddle"><strong>{$cp_jj}</strong>');
		}
		if($(this).attr("id")=="td2"){
			$("#d2").html('<div class="content">{$pd_jj_nr}</div>');
			$("#d2").addClass("bgImg2");
		}else{
			$("#d2").removeClass("bgImg2");
			$("#d2").html('<img src="Public/image/line.png" width="3px" align="absmiddle"><strong>{$pd_jj}</strong>');
		}
		if($(this).attr("id")=="td3"){
			$("#d3").html('<div class="content">{$sv_jj_nr}</div>');
			$("#d3").addClass("bgImg3");
		}else{
			$("#d3").removeClass("bgImg3");
			$("#d3").html('<img src="Public/image/line.png" width="3px" align="absmiddle"><strong>{$sv_jj}</strong>');
		}
		if($(this).attr("id")=="td4"){
			$("#d4").html('<div class="content">{$tel_jj_nr}</div>');
			$("#d4").addClass("bgImg4");
		}else{
			$("#d4").removeClass("bgImg4");
			$("#d4").html('<img src="Public/image/line.png" width="3px" align="absmiddle"><strong>{$tel_jj}</strong>');
		}
		
		
	});
	*/
	$('.viewdiv').bind("mouseover",function(){
		var id=$(this).attr("id");
		//var text=$(this).attr("text");
		var tnum=$(this).attr("tnum");
		var mid=$(this).attr("m_id");
		var text=$("#in"+mid).val();
		$("#"+id).html('<div class="content" >'+text+'</div>');
		//$("#"+id).html(text);
		$("#"+id).addClass("bgImg"+tnum);
		$(".viewdiv").each(function(){
			var ojb_id=$(this).attr("id");
			if(ojb_id!=id){
				var onum=$(this).attr("tnum");
				var oname=$(this).attr("tname");
				$("#"+ojb_id).removeClass("bgImg"+onum);
				$("#"+ojb_id).html('<img src="Public/image/line.png" width="2px" align="absmiddle"><strong>'+oname+'</strong>');
			}
		});
	});
	$("#logo").bind("mousemove",function(){
		$(".viewdiv").each(function(){
			var ojb_id=$(this).attr("id");
			
				var onum=$(this).attr("tnum");
				var oname=$(this).attr("tname");
				$("#"+ojb_id).removeClass("bgImg"+onum);
				$("#"+ojb_id).html('<img src="Public/image/line.png" width="2px" align="absmiddle"><strong>'+oname+'</strong>');
			
		});
	});
	$('.viewdiv').bind("mousedown",function(){
		var url=window.location.href;
		url=url.split('?')[0];
		var turl=$(this).attr("turl");
		window.location.href=url+turl;
	});
	/*$(".ctd").bind("mousedown",function(){
		var url=window.location.href;
		url=url.split('?')[0];
		if($(this).attr("id")=="td1"){
			window.location.href=url+"?m=Index&a=cp";
		}
		if($(this).attr("id")=="td2"){
			window.location.href=url+"?m=Index&a=pdShow";
		}
		if($(this).attr("id")=="td3"){
			window.location.href=url+"?m=Index&a=sv";
		}
		if($(this).attr("id")=="td4"){
			window.location.href=url+"?m=Index&a=tel";
		}
	});
	*/
	/*$("#td0").bind("mouseover",function(){
		
			$("#d1").removeClass("bgImg1");
			$("#d1").html('<img src="Public/image/line.png" width="3px" align="absmiddle"><strong>公司简介</strong>');
		
			$("#d2").removeClass("bgImg2");
			$("#d2").html('<img src="Public/image/line.png" width="3px" align="absmiddle"><strong>产品展示</strong>');
		
			$("#d3").removeClass("bgImg3");
			$("#d3").html('<img src="Public/image/line.png" width="3px" align="absmiddle"><strong>服务内容</strong>');
		
			$("#d4").removeClass("bgImg4");
			$("#d4").html('<img src="Public/image/line.png" width="3px" align="absmiddle"><strong>联系我们</strong>');
		
	});*/
});
</script>
 
 <style>
body{background-color:#CFCFC5;text-align:center}
.mainbody{
	position:absolute;
	top:50%;
	left:50%;
	margin:-275px 0 0 -450px;
	width:900px;
	height:620px;
	background-color:#CFCFC5;
}
.main {
	position:absolute;
	top:50%;
	left:50%;
	margin:-250px 0 0 -450px;
	width:900px;
	height:500px;
	background-color:#fff;
	}
pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.main_box{
	position:absolute;
	top:50%;
	left:50%;
	/*
	margin:-240px 0 0 -440px;
	width:880px;
	height:480px;
	*/
	margin:-250px 0 0 -450px;
	width:900px;
	height:500px;
	background-color:#CFCFC5;
	text-align:center;
	/*line-height:480px;*/
}
.main_box_img{
	position:absolute;
	top:50%;
	left:50%;
	/*margin:-240px 0 0 -400px;
	width:800px;
	height:480px;*/
	margin:-250px 0 0 -450px;
	width:900px;
	height:500px;
	border:0px solid;
	text-align:center;
	
}
.main_box_img table{
	position:absolute;
	width:800px;
	height:480px;
	border-spacing:0px;
	border-collapse:0px;
}
.ctd{
	cursor:pointer;
	width:100px;
	color:#747566;
	font-size:14px;
}
.bgImg1{
	background-image :url(Public/image/p-1.jpg);
	height:600px;
	width:270px;
	text-align:center;
	/*line-height:480px;
	
	text-align:center;*/
	
}
.bgImg2{
	background-image:url(Public/image/p-2.jpg);
	height:600px;
	width:270px;
}
.bgImg3{
	background-image:url(Public/image/p-3.jpg);
	height:600px;
	width:270px;
}
.bgImg4{
	background-image:url(Public/image/p-5.jpg);
	height:600px;
	width:270px;
}
.bgImg5{
	background-image:url(Public/image/p-4.jpg);
	height:600px;
	width:270px;
}
.content{
	color:#fff;
	font-size:11.5px;
	word-wrap:break-word ;
	word-break:break-all;
	padding-top:285px;
	width:150px;
	padding-left:55px;
	text-align:left;

}
.div-title{
	border:0px solid;
	text-align:right;
	width:880px;
	color:#fff;
	width:800px;
	padding-right:30px;
}
a {
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
}
a:link {
	
	color: #ffffff;
	text-decoration: none;
}
a:visited {
	
	color: #ffffff;
	text-decoration: none;
}
a:hover {
	
	/*color: green;*/
	text-decoration: none;
}
a:active {
	
	color: #ffffff;
	text-decoration: none;
}
.viewdiv{
	
}
 </style>
</head>
<body>
<div class="mainbody">
	<div class="div-title"><span><a href="?m=Index&a=language&lan=zh-cn">中文</a></span>&nbsp;&nbsp;&nbsp;&nbsp;<span><a href="?m=Index&a=language&lan=en">ENGLISH</a></span></div>
	<div class="main">
		<div class="main_box">
			<div class="main_box_img">
			<table border="0" >
				<tr>
					<td align="right" id="td0"  ><img src="Public/image/logo.jpg" id="logo"  align="absmiddle" /></td>
					<volist name="menu" id="vo">
					<td align="left" id="td2" class="ctd"><div class="viewdiv" id="d{$vo['id']}" m_id="{$vo['m_id']}" tnum="{$vo['id']}" tname="{$vo['name']}" turl="{$vo['url']}"><img src="Public/image/line.png" width="2px" align="absmiddle"><strong>{$vo['name']}</strong>
					<div style="display:none">{$nr[$vo['m_id']]}</div>
					</div>
					<div></div>
					</td>
					<input type="hidden" value="{$nr[$vo['m_id']]} " id="in{$vo['m_id']}">
					</volist>
					<!-- <td align="left" id="td1" class="ctd"><div id="d1"><img src="Public/image/line.png" width="3px" align="absmiddle"><strong>{$cp_jj}</strong></div></td>
					<td align="left" id="td2" class="ctd"><div id="d2" ><img src="Public/image/line.png" width="3px" align="absmiddle"><strong>{$pd_jj}</strong></div></td>
					<td align="left" id="td3" class="ctd"><div id="d3" ><img src="Public/image/line.png" width="3px" align="absmiddle"><strong>{$sv_jj}</strong></div></td>
					<td align="left" id="td4" class="ctd"><div id="d4" ><img src="Public/image/line.png" width="3px" align="absmiddle"><strong>{$tel_jj}</strong></div></td>
					 -->
				</tr>
			</table>
			</div>
		</div>
	</div>
</div>


</body>
</html>